@import "variables";
crowd-supporter{
  .crowd-supporter{
    width:100%;
    background-color: color($h5,c9);
    margin-bottom:pxTorem(140);
    li{
      width:100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: color($h5,c10);
      .crowd-supporter-infos{
        flex-grow: 1;
        line-height: pxTorem(80);
        padding:pxTorem(30) 0;
        box-sizing: border-box;
        .crowd-supporter-nickname{
          .nick-name{
            white-space: nowrap;
          }
          max-width:pxTorem(245);
          font-size: pxTorem(32);
          color: color($h5,c2);
          img{
            display: inline-block;
            line-height:pxTorem(80) ;
            margin-left:pxTorem(10);
            margin-right:0;
            height:pxTorem(26);
          }
        }

        .crowd-supporter-money{
          float: right;
          .amount{
            font-size: pxTorem(26);
            color: color($h5,c4);
          }
          .price{
            margin-left: pxTorem(10);
            margin-right: pxTorem(30);
            font-size: pxTorem(30);
            color: color($h5,c15);
          }
        }
      }

      img{
        margin:0 pxTorem(15);
      }
      .crowd-supporter-image{
        display: flex;
        box-sizing: border-box;
        margin:pxTorem(30) pxTorem(20) pxTorem(30) pxTorem(30);
        width:pxTorem(80);
        height:pxTorem(80);
        seed-avatar{
          width: pxTorem(80) ;
          height:pxTorem(80) ;
          margin:0 ;
          img{
            margin:0;
          }
        }
      }
      &:last-of-type .seed-underline::before{
        display: none;
      }
    }

    seed-infinite-scroll-content{
      .seed-infinite-finished{
        background-color: color($h5,c9);
      }
    }
  }


}

